<template>
<!--  <h1>{{ msg }}</h1>-->
<!--  <button @click="count++">count is: {{ count }}</button>-->
<!--  <p>Edit <code>components/HelloWorld.vue</code> to test hot module replacement.</p>-->
</template>

<script>
import {ref} from 'vue'
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  data() {
    return {
      count: 0
    }
  },
  setup(props, context) {
    const count = ref(1)
    console.log(props, context)
    return {
      count
    }
  },
  mounted () {
    setInterval(() => {
      this.count ++
    }, 1000)
  }
}
</script>
